<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>电影详情</title>
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/details.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- 包裹起来定大小居中 -->
        <div>
            <!-- 猫眼电影图标+地点下拉列表 -->
            <div class="cat">
                <a href="">
                    <img src="img/maoyan_logo.png" alt="">
                    <h1>猫眼电影</h1>
                </a>
                <ul>
                    <li>
                        <a href="">成都
                            <span>▼</span>
                        </a>
                        <div class="white">
                        </div>
                        <div class="city">
                            <div class="position-city">
                                <span>定位城市 ：
                                    <a href="">成都</a>
                                </span>
                            </div>
                            <div class="town">
                                <span>A</span>
                                <span>B</span>
                                <span>C</span>
                                <span>D</span>
                                <span>E</span>
                                <span>F</span>
                                <span>G</span>
                                <span>H</span>
                                <span>I</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 导航栏 -->
            <nav>
                <a href="./index.html">首页</a>
                <a href="./movie.html">电影</a>
                <a href="./cinema.html">影院</a>
                <a href="./list.html">榜单</a>
                <a href="./register.html">注册</a>
                <a href="./personal.html">个人中心</a>
                <a href="./seat.html">选座</a>
                <!-- <a href="">热点</a> -->
            </nav>

            <!-- APP下载 搜索框 用户头像 -->
            <div class="head-left">
                <!-- APP下载 -->
                <div class="app">
                    <a href="">
                        <img src="img/app_logo.png" alt="">
                        <p>APP下载</p>
                        <span>▼</span>
                    </a>
                    <div>
                    </div>
                </div>
                <!-- 搜索 -->
                <div class="search">
                    <input type="text" placeholder="找影视剧">
                    <input type="submit" value="">
                </div>
                <!-- 用户头像 -->
                <div class="user">
                    <a href="">
                        <img src="img/user_logo.png" alt="">
                        <span>▼</span>
                    </a>
                    <div>
                        <a href="">登陆</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- 占位 -->
    <div class="seat"></div>
    <!-- 顶部大图 -->
    <section class="details-top">
        <div class="details-poster">
        </div>
        <div class="details-name">
            <h1>海王</h1>
            <h3>Aquaman</h3>
            <span>动作/冒险/奇幻</span>
            <span>美国/143分种</span>
            <span>2018-12-07大陆上映</span>
            <a href="">
                <p>想看</p>
            </a>
            <a href="">
                <p>评分</p>
            </a>
        </div>
        <div class="details-score">
            <div>
                <div>
                    用户评分
                </div>
                <span>9.3</span>
                <p>(1523万人评分)</p>
            </div>
            <div>
                <div>
                    用户评分
                </div>
                <span>9.3</span>
                <p>(1523万人评分)</p>
            </div>
            <div>
                <div>
                    票房累计
                </div>
                <span>9.3亿</span>
            </div>
            <a href="">
                立即购票
            </a>
        </div>
    </section>
    <!-- 内容部分 -->
    <main>
        <!-- 左 -->
        <section class="details-left">
            <h1>
                <a href="">介绍</a>
                <a href="">演职人员</a>
                <a href="">奖项</a>
                <a href="">图集</a>
            </h1>
            <!-- 剧情简介 -->
            <div class="plot">
                <h1>
                    <span></span>
                    剧情简介
                </h1>
                <span>2011年10月5日，两艘中国商船在湄公河金三角水域遭遇袭击，13名中国船员全部遇难，泰国警方从船上搜出90万颗冰毒。消息传回国内，举国震惊。为了查明真相，云南缉毒总队长高刚(张涵予饰）接受了特殊任务，率领一支骁勇善战的战斗小组进入泰国境内，与潜伏在泰国的情报员方新武（彭于晏饰）碰头，二人联手深入金三角查案。经过调查，发现案件背后果然有着重重疑点，真正的凶手在嫁祸残害无辜中国船员后，不但逍遥法外，更意图利用毒品制造更大的阴谋…..二人决定，不惜一切代价也要拿下真凶，打击毒品犯罪，为无辜国人讨回公道!</span>
            </div>
            <!-- 演职人员 -->
            <div class="caststaff">
                <h1>
                    <span>演职人员</span>
                    <a href="">全部></a>
                </h1>
                <div>
                    <h1>导演</h1>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">成龙</a>
                    </span>
                    <p>饰：神龙</p>
                </div>
                <div>
                    <h1>演员</h1>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">成龙</a>
                    </span>
                    <p>饰：神龙</p>
                </div>
                <div>
                    <h1> &nbsp</h1>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">成龙</a>
                    </span>
                    <p>饰：神龙</p>
                </div>
                <div>
                    <h1> &nbsp</h1>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">成龙</a>
                    </span>
                    <p>饰：神龙</p>
                </div>
                <div>
                    <h1> &nbsp</h1>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">成龙</a>
                    </span>
                    <p>饰：神龙</p>
                </div>
            </div>
            <!-- 图集 -->
            <div class="atlas">
                <h1>
                    <span>图集</span>
                    <a href="">全部></a>
                </h1>
                <a href="">
                    <img src="img/ban.jpg" alt="">
                </a>
                <div>
                    <a href="">
                        <img src="img/xiaohonghua.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="img/xiaohonghua.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="img/xiaohonghua.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="img/xiaohonghua.jpg" alt="">
                    </a>
                </div>
            </div>
            <!-- 热门短评 -->
            <div class="comment">
                <h1>
                    <span>图集</span>
                    <a href="">写短评</a>
                </h1>
                <div class="write">
                    <div>
                        <div>V1</div>
                    </div>
                    <div>
                        <div>
                            <div>
                                <span>vujujin
                                    <img src="img/gou.png" alt="">
                                </span>
                                <p>01-21
                                    <small>☆☆☆☆☆</small>
                                </p>
                            </div>
                            <span>
                                <a href="">
                                    <img src="img/dianzan.png" alt="">
                                </a>
                                <p>12058</p>
                            </span>
                        </div>
                        <span>太好看了，难得的动作片，林导的作品都是经典。为什么这么好看的作品档期居然没有爵迹高，像爵迹那种垃圾片简直侮辱国产片!湄公河才是良心超棒的动作片!</span>
                    </div>
                </div>
                <div class="write">
                    <div>
                        <div>V1</div>
                    </div>
                    <div>
                        <div>
                            <div>
                                <span>vujujin
                                    <img src="img/gou.png" alt="">
                                </span>
                                <p>01-21
                                    <small>☆☆☆☆☆</small>
                                </p>
                            </div>
                            <span>
                                <a href="">
                                    <img src="img/dianzan.png" alt="">
                                </a>
                                <p>12058</p>
                            </span>
                        </div>
                        <span>好看，就是后面做了两个话佬，没素质，说话可以，但是影响别人了，还从开始说到结束，记得下次去看请小声点
                        </span>
                    </div>
                </div>
                <div class="write">
                    <div>
                        <div>V1</div>
                    </div>
                    <div>
                        <div>
                            <div>
                                <span>vujujin
                                    <img src="img/gou.png" alt="">
                                </span>
                                <p>01-21
                                    <small>☆☆☆☆☆</small>
                                </p>
                            </div>
                            <span>
                                <a href="">
                                    <img src="img/dianzan.png" alt="">
                                </a>
                                <p>12058</p>
                            </span>
                        </div>
                        <span>很好看，看了才知道是真实故事改编的，如果是3D更好</span>
                    </div>
                </div>
                <div class="write">
                    <div>
                        <div>V1</div>
                    </div>
                    <div>
                        <div>
                            <div>
                                <span>vujujin
                                    <img src="img/gou.png" alt="">
                                </span>
                                <p>01-21
                                    <small>☆☆☆☆☆</small>
                                </p>
                            </div>
                            <span>
                                <a href="">
                                    <img src="img/dianzan.png" alt="">
                                </a>
                                <p>12058</p>
                            </span>
                        </div>
                        <span>电影总体看来有打斗，有温情，有笑点，也有一些思考比如童子军。因为之前看过电视剧版的关系，一边在看一边与电视剧版的进度进行比较，可能会影响对电影的理解。但总体来说，个人认为电视剧版更好。剧情铺垫够，展开的够庞大而且对于其中的国家情怀渲染更有力。相比之下，电影版就单薄多了，更多时候是张涵予和彭于晏的个人秀和小组秀。而其作为一个现实改编，显然是不现实的，导演对于这个度的把握还有欠缺，不得不说，剧情线是很单薄的，电视剧虽然长但其不失吸引力，就这点来说，差的多了。导演应该是港台吧，对于那种家国情怀还是不够，差很多。其实想说是烂片，但现在的环境里，算合格吧。哦，对了，看完电影脑子里一直回想的是直升机直升机</span>
                    </div>
                </div>
                <div class="write">
                    <div>
                        <div>V1</div>
                    </div>
                    <div>
                        <div>
                            <div>
                                <span>vujujin
                                    <img src="img/gou.png" alt="">
                                </span>
                                <p>01-21
                                    <small>☆☆☆☆☆</small>
                                </p>
                            </div>
                            <span>
                                <a href="">
                                    <img src="img/dianzan.png" alt="">
                                </a>
                                <p>12058</p>
                            </span>
                        </div>
                        <span>太好看了，难得的动作片，林导的作品都是经典。为什么这么好看的作品档期居然没有爵迹高，像爵迹那种垃圾片简直侮辱国产片!湄公河才是良心超棒的动作片!</span>
                    </div>
                </div>
                <div class="write">
                    <div>
                        <div>V1</div>
                    </div>
                    <div>
                        <div>
                            <div>
                                <span>vujujin
                                    <img src="img/gou.png" alt="">
                                </span>
                                <p>01-21
                                    <small>☆☆☆☆☆</small>
                                </p>
                            </div>
                            <span>
                                <a href="">
                                    <img src="img/dianzan.png" alt="">
                                </a>
                                <p>12058</p>
                            </span>
                        </div>
                        <span>太好看了，难得的动作片，林导的作品都是经典。为什么这么好看的作品档期居然没有爵迹高，像爵迹那种垃圾片简直侮辱国产片!湄公河才是良心超棒的动作片!</span>
                    </div>
                </div>
                <div class="write">
                    <div>
                        <div>V1</div>
                    </div>
                    <div>
                        <div>
                            <div>
                                <span>vujujin
                                    <img src="img/gou.png" alt="">
                                </span>
                                <p>01-21
                                    <small>☆☆☆☆☆</small>
                                </p>
                            </div>
                            <span>
                                <a href="">
                                    <img src="img/dianzan.png" alt="">
                                </a>
                                <p>12058</p>
                            </span>
                        </div>
                        <span>太好看了，难得的动作片，林导的作品都是经典。为什么这么好看的作品档期居然没有爵迹高，像爵迹那种垃圾片简直侮辱国产片!湄公河才是良心超棒的动作片!</span>
                    </div>
                </div>
            </div>
        </section>
        <!-- 右 -->
        <section class="details-right">
            <div class="det-rt-first">
                <h1>
                    <span></span>
                    相关咨询
                </h1>
                <a href="">
                    <img src="img/banner.jpg" alt="">
                    <div>
                        <span>《湄公河行动》上映20天票房突破10亿大关晒单号是多久啊是啥都好</span>
                        <p>猫眼电影◎21145</p>
                    </div>
                </a>
                <a href="">
                    <img src="img/banner.jpg" alt="">
                    <div>
                        <span>《湄公河行动》上映20天票房突破10亿大关晒单号是多久啊是啥都好</span>
                        <p>猫眼电影◎21145</p>
                    </div>
                </a>
                <a href="">
                    <img src="img/banner.jpg" alt="">
                    <div>
                        <span>《湄公河行动》上映20天票房突破10亿大关晒单号是多久啊是啥都好</span>
                        <p>猫眼电影◎21145</p>
                    </div>
                </a>
            </div>
            <div class="det-rt-second">
                <h1>
                    <span></span>
                    相关电影
                </h1>
                <div>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">许愿神龙</a>
                    </span>
                    <p>8.3</p>
                </div>
                <div>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">许愿神龙</a>
                    </span>
                    <p>8.3</p>
                </div>

                <div>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">许愿神龙</a>
                    </span>
                    <p>8.3</p>
                </div>
                <div>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">许愿神龙</a>
                    </span>
                    <p>8.3</p>
                </div>
                <div>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">许愿神龙</a>
                    </span>
                    <p>8.3</p>
                </div>
                <div>
                    <a href="">
                        <img src="img/long.jpg" alt="">
                    </a>
                    <span>
                        <a href="">许愿神龙</a>
                    </span>
                    <p>8.3</p>
                </div>
            </div>
        </section>
    </main>
    <!-- 脚 -->
    <footer>
        <div>
            <p>◎2016猫眼电影 maoyan.com京ICP证160733号京ICP备16022489号-1京公网安备11010502030881号网络文化经营许可证电子公告服务规则</p>
            <p>北京猫眼文化传媒有限公司</p>
        </div>
    </footer>
</body>

</html>